<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>少年宫（南校区）</title>
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/all.css">
		<style type="text/css">
			.swiper-slide img {
				width:100%;
				height: 9rem;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<!--轮播-->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="imgs/1.jpg"></div>
					<div class="swiper-slide"><img src="imgs/2.jpg"></div>
					<div class="swiper-slide"><img src="imgs/3.jpg"></div>
					<div class="swiper-slide"><img src="imgs/4.jpg"></div>
					<div class="swiper-slide"><img src="imgs/5.jpg"></div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div class="base-intro">
			<div class="title">
				<span>基本介绍</span>
			</div>
			<ul>
				<li>机构名称：少年宫（南校区）</li>
				<li>机构地址：安徽省芜湖市镜湖区柳春路2号</li>
				<li>传真号码：0553-123456</li>
				<li>联系电话：0553-123456</li>
			</ul>
		</div>
		<div class="sum-intro">
			<div class="title">
				<span>概况介绍</span>
			</div>
			<div class="history-info">
				&#12288;&#12288;芜湖市少年宫坐落在美丽的镜湖之畔，是党和政府为少年 儿童设立的校外教育机构，创建于1974年，1978年由市政府 正式更名为“芜湖市少年宫”。1995年在原址进行了扩建， 现占地面积8000多平方米，拥有30多个功能教室，开设专业 30多个年到少年宫参加活动的学生达10万人次。
			</div>
			<div class="more-info hide">各种吹逼历史...............少年宫坐落在美丽的镜湖之畔，是党和政府为少年 儿童设立的校外教育机构，创建于1974年，1978年由市少年宫坐落在美丽的镜湖之畔，是党和政府为少年 儿童设立的校外教育机构，创建于1974年，1978年由市.......................................... ........................................................... ........................................... .....................................
			</div>
			<a class="btn-show" href="javascript:void(null)">点击展示更多</a>
		</div>
		<button type="button" class="mui-btn mui-btn-success btn-more">更多课程</button>
		</div>
	</body>
	<script src="js/scale.js"></script>
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/swiper-3.4.2.min.js"></script>
	<script src="js/base.js"></script>

</html>